<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title id="shaixuantitle"></title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="shortcut icon" href="images/title.jpg">
		<link rel="stylesheet" href="layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="css/global.css" media="all">
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" href="css/laypage.css" />
		<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="datatables/media/css/jquery.dataTables.css">
		<link rel="stylesheet" href="datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css">
		<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css">
		<link rel="stylesheet" href="css/autocomplete.css" />
		<link rel="stylesheet" href="css/styles.css" />
		<style>
			tfoot input {
				width: 100%;
				padding: 3px;
				box-sizing: border-box;
			}
			table.dataTable{
				border-collapse:collapse;
			}
			.dataTable {
				text-align: center;
			}
		</style>

	</head>

	<body>
		<div class="layui-layout layui-layout-admin" >
			<!--头部导航-->
			<div class="layui-header header header-demo"></div>
			<!--左侧导航-->
			<div class="layui-side layui-bg-black" id="admin-side"></div>
			<!--右侧具体内容-->
			<div class="layui-body" style="bottom: 0;padding:20px" id="admin-body">
				<div class="title">添加人员：</div>
				<div id="groups" class="title" ></div>
				<div id="groupnames" class="title" ></div>
				<button class="layui-btn layui-btn-small back" style="float: right;margin-bottom: 10px">返回</button>
				<hr/ style="border-color: #858585;">
					<div style="padding: 20px; background-color: #F2F2F2;">
						<div class="layui-row layui-col-space15">

							<div class="layui-col-md12">
								<div class="layui-card">
									<div class="layui-card-header"><label style="font-weight: 800;">人员库</label>

										<div class="layui-input-inline">
											<select name="group" id="peoplegroup">
												<option value=""selected="">请选择人员组</option>
												<option value="老师">老师</option>
												<option value="本科生">本科生</option>
												<option value="研究生">研究生</option>
											</select>
										</div>
										
									</div>

									<div class="layui-card-body">
										<div >
											<div id="demo" style="float: left;" >
												<div class="wrapper"style="margin-right: 80%;">
													<div id="search-form"></div>
													<div id="message"></div>
												</div>
											</div>
											<div class="layui-btn layui-btn-danger  layui-btn-small addall" id="addall" style="float: right;">批量添加</div>
										</div>
										<div id="content">
											<div id="peoplelist">
												
											</div>
										</div>
 
											<div id="demo0"style="text-align: right;"></div>
											<div id="demo1"style="text-align: right;"></div>
											<div id="demo2"style="text-align: right;"></div>
									</div>

								</div>
							</div>

						</div>
					</div>

			</div>

		</div>
		<!--JS模块-->

		<script type="text/javascript" src="layui/layui.js"></script>
		<script type="text/javascript" src="js/jquery-1.10.2.js" ></script>
		<script src="js/jquery-1.12.3.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script src="js/index.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/dateRange.js"></script>
		<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.js"></script>
	    <script type="text/javascript" src="js/laypage.js" ></script>
	    <script type="text/javascript" src="js/autocomplete.js" ></script>
	    <script type="text/javascript" src="js/peoplelist.js" ></script>
		
        
	</body>

</html>